@mixin max-lines($line) {
	display: -webkit-box;
	-webkit-line-clamp: $line;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

@mixin cover($width, $height, $border-radius:0) {
	position: relative;
	width: 100%;
	border-radius: $border-radius;
	overflow: hidden;
	&:before{
		content: "";
		display: block;
		width: 100%;
		padding-bottom: ($height/$width)*100%;
	}
	.img{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
	}
}

@mixin border1px($color, $width:1px, $border-radius: 0) {
	position: relative;
	&::after{
		content: '';
		position: absolute;
		left: -50%;
		top: -50%;
		right: -50%;
		bottom: -50%;
		border: {
			style: solid;
			width: $width;
			color: $color;
			radius: $border-radius;
		}
		box-sizing: border-box;
		pointer-events: none;
		transform: scale(.5);
	}
}